* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

.box {
	background-color: darksalmon;
	width: 300px;
	height: 300px;
}
/* 头部板块 */
header {
	height: 66px;
	background-color: #0d60d0;
	border-bottom: 1px solid #6497df;
	color: #fff;
	/* 弹性布局 */
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 1200px;
}
/* 头部logl */
header .logl {
	width: 134px;
	height: 30px;
	margin-left: 33px;
	background: url(../images/new-logo-white.png) no-repeat;
}
header ul {
	width: 164px;
	height: 66px;
	display: flex;
	justify-content: space-between;
	line-height: 66px;
}
header ul li a {
	color: #fff;
	display: block;
	width: 38px;
	font-size: 14px;
	text-align: center;
}
header ul li a.active {
	display: block;
	font-size: 19px;
	height: 66px;
	color: #fff;
	border-bottom: 2px solid #ffff;
}
header .register {
	width: 148px;
	height: 66px;
	line-height: 66px;
	text-align: center;
}
header .register span:last-child {
	background-color: #ed510a;
	border-radius: 15px;
	font-size: 13px;
	padding: 5px 10px;
}
header .register span:first-child {
	border: 1px solid #fff;
	padding: 5px 10px;
	font-size: 13px;
	border-radius: 15px;
}

/* 轮播图板块 */
#banner {
	height: 614px;
	background-color: #0f62d1;
}
#banner .swiper-wrapper .swiper-slide:nth-child(1) {
	background: url(../images/banner1.png) no-repeat center;
	background-size: cover;
	height: 614px;
}
#banner .swiper-wrapper .swiper-slide:nth-child(2) {
	background: url(../images/banner2.png) no-repeat center;
	background-size: cover;
	height: 614px;
}
#banner .swiper-wrapper .swiper-slide:nth-child(3) {
	background: url(../images/banner3.png) no-repeat center;
	background-size: cover;
	height: 614px;
}
/* 开发者服务板块 */
#service {
	padding: 104px 60px;
	/* border: 1px solid rgb(234, 0, 255); */
}
/* 标题文字 */
#service .title {
	text-align: center;
	/* border: 1px solid red; */
}

/* 图文介绍 */
:root {
	--totalWid: 240px;
	--totalHit: 170px;
}
#service .picIn {
	width: 1080px;
	height: 280px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#service .picIn .picInContent1 {
	width: var(--totalWid);
	height: var(--totalHit);
	background: url(../images/service01.svg) no-repeat center;
}
#service .picIn .picInContent2 {
	width: var(--totalWid);
	height: var(--totalHit);
	background: url(../images/service02.svg) no-repeat center;
}
#service .picIn .picInContent3 {
	width: var(--totalWid);
	height: var(--totalHit);
	background: url(../images/service03.svg) no-repeat center;
}
#service .picIn .picInContent4 {
	width: var(--totalWid);
	height: var(--totalHit);
	background: url(../images/service04.svg) no-repeat center;
}
#service .picIn .txtContent {
	width: var(--totalWid);
	height: 112px;
	padding-left: 22px;
	padding-top: 7px;
}
#service .picIn .txtContent h3 {
	color: #181818;
	font-size: 20px;
	margin-bottom: 12px;
}
#service .picIn .txtContent p {
	color: #666;
	font-size: 12px;
	margin-bottom: 25px;
}
#service .picIn .txtContent a {
	color: #1271ef;
	font-size: 12px;
}
#service .picIn .content {
	box-shadow: 5px 5px 10px #9dc4f8;
}
/* api服务板块  */
.api {
	height: 644px;
	background-color: #f8f9fb;
	padding-top: 90px;
	padding-bottom: 64px;
}

/* api服务板块 ,图文介绍 */
.api .apiInPic {
	/* border: 2px solid red; */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 36px;
}

.api .apiInPic .icon {
	width: 224px;
	height: 138px;
	/* background: url(../images/api01.svg) no-repeat center; */
	/* margin-bottom: 11px; */
	padding: 38px 0;
	box-shadow: 8px 8px 8px #97bff5;
}
.api .apiInPic .icon img {
	margin-bottom: 10px;
}
.api .apiInPic .icon:nth-child(1) {
	margin-bottom: 20px;
}
/* 慧集板块 */
.master {
	/* border: 2px solid red; */
	position: relative;
	height: 760px;
}
.master .master-link .local {
	position: absolute;
	right: 50%;
	transform: translate(50%);
	z-index: 9;
}
.master .title {
	height: 124px;
	/* border: 1px solid purple; */
}
.master .master-picTxt .box1 {
	width: 600px;
	height: 600px;
	background: url(../images/master-left-bg.svg) no-repeat center;
	background-size: cover;
	position: absolute;
	z-index: 1;
	top: 152px;
	background-color: #fff;
	/* border: 1px solid red; */
}
.master .master-picTxt .box2 {
	width: 600px;
	height: 600px;
	position: absolute;
	right: 244px;
	top: 152px;
	/* background-color: #ed510a; */
	padding-top: 60px;
}
.master .master-picTxt .box2 .contxt {
	width: 510px;
	height: 80px;
	background-color: #fbfbfd;
	margin: 10px;
	margin-left: 90px;
	padding: 20px;
	font-size: 10px;
	color: #666666;
}
.master .master-picTxt .box2 .contxt::after {
	content: "";
	display: block;
	width: 3px;
	height: 22px;
	background-color: #1271ef;
	margin-top: -26px;
	margin-left: -20px;
}
.master-picTxt .box2 .contxt .contxt-title {
	font-size: 15px;
	padding-left: 24px;
	color: #000;
	margin-bottom: 10px;
}
.master-picTxt .box2 .contxt .iconPic {
	background-image: url();
}
/* 行业巨头标题板块板块 */
#leader {
	height: 560px;
	/* border: 1px solid green; */
	position: relative;
}
#leader .leader-title {
	height: 264px;
	padding-top: 114px;
	padding-bottom: 82px;
}
/* 行业巨头图文板块 */
#leader .bgImg {
	height: 267px;
	background-color: #f8f9fb;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
	
}

#leader .leader-picTxt {
	width: 1200px;
	height: 290px;
	/* border: 1px solid red; */
	position: relative;
	opacity: 0;
	transition: opacity 0.3s;
	
}
#leader .golrun3 {

 bottom: 580px;
	
}
#leader .golrun2 {

   bottom: 290px;
	
}

#leader .leader-picTxt .box:nth-child(1) {
	width: 580px;
	height: 290px;
	position: absolute;
	/* bottom: 0; */
	/* background: url(../images/hcfc.png) no-repeat center; */
}
#leader .leader-picTxt .changePic {
	width: 580px;
	height: 290px;
}

#leader .leader-picTxt .box:nth-child(2) {
	width: 620px;
	height: 290px;
	position: absolute;
	bottom: 0;
	right: 0px;
	padding-left: 80px;
	background-color: rgba(255, 255, 255, 0);
	/* border: 1px solid purple; */
}
#leader .leader-picTxt .box p {
	line-height: 24px;
	margin-top: 36px;
}
#leader .leader-picTxt .box .ris {
	right: 0;
	margin-top: 46px;
}
#leader .leader-picTxt .box .ris::after {
	content: "";
	display: block;
	height: 3px;
	width: 15px;
	background-color: #1271ef;
	margin-top: -14px;
	margin-left: -18px;
}
/* 数据安全服务板块 */
/* 数据安全服务标题板块 */
.data-service-title {
	height: 249px;
	padding-top: 110px;
}

/* 数据安全服务图文板块 */
.data-servicePicTxt {
	height: 114px;
	display: flex;
	justify-content: space-around;
}
.data-servicePicTxt .box {
	width: 95px;
	height: 114px;
}
.data-servicePicTxt .box .boxSon {
	width: 95px;
	height: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.data-servicePicTxt .box .boxSon img {
	margin-bottom: 30px;
}
.data-servicePicTxt .box .explace {
	width: 98px;
	height: 14px;
	font-size: 8px;
	text-align: center;
	background-color: #fff;
}

/* 广告板块 */

.Adver {
	height: 240px;
	background: url(../images/login-register-bg.svg) no-repeat center;
	background-size: cover;
	background-color: #1271ef;
	padding-top: 70px;
}
.Adver .Adver-cont .Adver-title {
	font-size: 30px;
	color: #fff;
	margin-bottom: 26px;
}
.Adver .Adver-cont button {
	width: 135px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #fff;
	color: #fff;
}

/* 尾部板块	 */
/* 尾部版心 */
.foot-cont {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}
/* 尾部左边板块 */
.leftBox {
	height: 248px;
	width: 720px;

	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #b3b3b3;
}
.leftBox .list {
	width: 100px;
	height: 248px;
	padding: 10px 0;
}
.leftBox .list li {
	margin-bottom: 19px;
}
.leftBox .list li:nth-child(1) {
	color: #000;
	margin-bottom: 35px;
}
/* 尾部右边板块 */
.rtBox {
	width: 480px;
	height: 248px;
	padding-top: 7px;
	position: relative;
}
.rtBox .title {
	font-size: 17px;
	text-align: right;
}
.rtBox .timetxt {
	font-size: 12px;
	color: #b3b3b3;
	margin-top: 12px;
	text-align: right;
	margin-bottom: 36px;
}
.rtBox img {
	position: absolute;
	right: 0;
}
/* 尾部版权部分 */
.copy {
	height: 59px;
	width: 1200px;
	line-height: 59px;
	color: #d1d1d1;
	font-size: 14px;
}
/* 尾部版权经营许可联系电话部分 */
.copy .copy-icon {
	padding-left: 6px;
	float: left;
}
/* 尾部版权号右边部分 */
.copy .copy-cont {
	float: right;
}
.copy .copy-pic:nth-child(1) {
	float: left;
	width: 21px;
	height: 22px;
	margin-top: 17px;
	background: url(../images/bei2.png) no-repeat center;
}
.copy .copy-pic:nth-child(2) {
	float: left;
	width: 27px;
	height: 22px;
	margin-top: 17px;
	background: url(../images/bei1.png) no-repeat center;
}
/* 回到顶部 */
.icon-huidaodingbu {	
	font-size: 30px;
	color: #989797;
	position: fixed;
	bottom: 130px;
	right: 160px;
	z-index: 60;
	padding: 10px;
	background-color: #fff;
	box-shadow: 5px 5px 8px #a5a6a7, -5px -5px 8px #a5a6a7, -5px 5px 8px #a5a6a7,
		5px -5px 8px #a5a6a7;
}
.icon-huidaodingbu:hover {
	cursor: pointer;
}

/* 注册界面 */
.regis-plate {
	width: 1000px;
	height: 670px;
	background-color: #fff;
	position: fixed;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%);
	z-index: 50;
	display: flex;
	justify-content: center;
	padding-top: 45px;
	visibility: hidden;
}
/* 注册模态框 */
.model {
	width: 100%;
	height: 100vh;
	background-color: #f3f5f8;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 40;
	visibility: hidden;
}
/* 注册模态框头部 */
.model .modelHeadCont {
	height: 66px;
	background-color: #ffffff;
}
.model .modelHead {
	background-color: #ffffff;
	height: 66px;
	line-height: 66px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.regis-plate .regis-cont,
form {
	width: 422px;
	height: 515px;
	background-color: #fff;
}

.regis-plate .regis-cont,
form input {
	width: 422px;
	height: 40px;
	font-size: 14px;
}

/* 注册表单欢迎注册板块 */
.regis-plate .regis-cont .h1-delMargin {
	font-size: 36px;
	margin-bottom: 22px;
}
/* 注册表单免费接口板块 */
.regis-plate .regis-cont .interface {
	font-size: 23px;
	color: #4b4b4b;
	margin-bottom: 10px;
}
/* 300元大礼包板块 */
.regis-plate .regis-cont .pack {
	width: 422px;
	height: 30px;
	font-size: 16px;
	background-color: #ed510a;
	color: #fff;
	border: 1px solid #ed510a;
}

/* 注册表单用户名板块 */
.regis-plate .regis-cont .username {
	margin: 28px 0 22px 0;
}

/* 注册表单手机号板块 */
.regis-plate .regis-cont .phNum {
	margin-bottom: 24px;
}

/* 注册表单手机号验证码板块 */
.regis-plate .regis-cont .VerCode {
	margin-bottom: 24px;
}

/* 注册表单手机号获取验证码板块 */
.regis-plate .regis-cont .GetVer {
	right: 0px;
	z-index: 50;
	height: 40px;
	width: 126px;
	border: 1px solid #c5c5c5;
	font-size: 13px;
}
/* 注册表单密码板块 */
.regis-plate .regis-cont .password {
	margin-bottom: 27px;
}

/* input输入框样式内容调整 */
.regis-plate .regis-cont .cont-input {
	padding-left: 17px;
	outline: none;
	width: 422px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #c5c5c5;
}
/* 阅读接受板块 */
.regis-plate .regis-cont .readAcc {
	font-size: 10px;
	color: #a9a9a9;
	margin-bottom: 44px;
}
/* 源码时代服务协议板块 */
.regis-plate .regis-cont .readAcc span {
	color: #00bdff;
}
.regis-plate .regis-cont .choice {
	width: 13px;
	height: 13px;
	vertical-align: middle;
}
/* 注册表单立即注册按钮板块 */
.regis-plate .regis-cont .RegNow {
	width: 422px;
	height: 50px;
	background-color: #e0e0e0;
	color: #5f5f5f;
	font-size: 15px;
	border: 1px solid #e0e0e0;
}

/* 名字错误 */
.regis-plate .regis-cont .errorName {
	width: 165px;
	height: 40px;
	line-height: 40px;
	
	color: #f15b5b;
	text-align: right;
	visibility: hidden;
}
/* 手机号错误 */
.regis-plate .regis-cont .errorPhoNum {
	width: 165px;
	height: 40px;
	line-height: 40px;
	
	color: #f15b5b;
	text-align: right;
	padding-right: 28px;
	visibility: hidden;
}
/* 密码错误 */
.regis-plate .regis-cont .errorPassword {
	width: 165px;
	height: 40px;
	line-height: 40px;
	
	color: #f15b5b;
	text-align: right;
	padding-right: 48px;
	visibility: hidden;
}
/* 表单警告精灵图 */
.errorIcon::before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 20px;
	background-color: #97bff5;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../images/loginIcon.png) no-repeat center;
	background-position: -30px -34px;
}













/* 扫码登录板块二维码板块 */

.LoginScreen .loginRightCont .contCent .submitForm{

	width: 366px;
	height: 266px;
	display: none;

}
.loginRightCont .contCent .formSubmit{

	display: none;

}
.loginRightCont .contCent .formSubmit.on{

	display: block;

}


.LoginScreen .loginRightCont .QRcode {
	width: 290px;
	height: 242px;
	background-color: #fcfcfc;
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	padding-top: 30px;
	
	
}


.LoginScreen .loginRightCont .QRcode p {
	margin-top: 17px;
}
.LoginScreen .loginRightCont .loginNow {
	color: #919191;
	padding-left: 134px;
}
.LoginScreen .loginRightCont .loginNow span:nth-child(2) {
	color: var(--loginColor);
}
.LoginScreen .loginRightCont .loginNow span:nth-child(3) {
	display: inline-block;
	width: 33px;
	height: 14px;
	background-image: url(../images/loginIcon.png);
	background-position: 33px -38px;
	vertical-align: top;
}

/* 登录界面用户名/手机号/邮箱 小人小图标 */
.loginRightCont .contCent .PorMesage .phone span{

	display: block;
	height: 30px;
	width: 30px;
	left: 5px;
	top: 50%;
	transform: translate(0 , -50%);
	background: url(../images/loginIcon.png) no-repeat;
	background-position: -56px 0;

}
/* 登录界面密码框小锁子图标 */
.loginRightCont .PorMesage .passwordMesage span{

	display: block;
	height: 30px;
	width: 30px;
	left: 5px;
	top: 50%;
	transform: translate(0 , -50%);
	background: url(../images/loginIcon.png) no-repeat;
	background-position: -26px 0;

}
:root {
	--loginColor: #00bdff;
}

.loginRightCont .contCent .account .UserLgin.active {
	color: var(--loginColor);
}
.loginRightCont .contCent .account .UserLgin {
	display: inline-block;
	height: 30px;
	margin: 0 10px;
}
.contCent .account .UserLgin.active::after {
	content: "";
	display: block;
	width: 43px;
	height: 3px;
	background-color: var(--loginColor);
	margin-top: 10px;
	margin-left: 3px;
}
.loginRightCont .contCent .account strong {
	display: inline-block;
	height: 13px;
	width: 3px;
	background-color: #eeeeee;
	margin: 0 25px;
}
/* 登录界面用户名/手机号/邮箱 */
.loginRightCont .contCent .PorMesage{

	width: 366px;
	height: 266px;
	

}

.loginRightCont .contCent .PorMesage .loginEmail {
	width: 360px;
	height: 42px;
	line-height: 42px;
	outline: none;
	border: none;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 33px;
	
}
/* 登录界面密码框 */
.loginRightCont .contCent .PorMesage .loginPassWord {
	width: 360px;
	height: 42px;
	/* border: 1px solid red; */
	outline: none;
	line-height: 42px;
	border: none;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 36px;
}
/* 登录界面用户名/手机号/邮箱 */
.loginRightCont .contCent .PorMesage .phone {
	margin-bottom: 18px;
	
}
/* 登录界面忘记密码 */
.loginRightCont .contCent .PorMesage .ForPassword {
	height: 52px;
	width: 359px;
	text-align: right;
	line-height: 52px;
	font-size: 13px;
	color: var(--loginColor);
}
/* 登录界面登录按钮 */
.loginRightCont .contCent .PorMesage .logining {
	width: 360px;
	height: 42px;
	outline: none;
	border: none;
	border-bottom: 1px solid #e7e7e7;
	background-color: var(--loginColor);
	color: #fff;
}

.loginRightCont .contCent .PorMesage .regisEd {
	color: #909090;
	font-size: 14px;
	height: 37px;
	line-height: 37px;
	text-align: right;
	padding-right: 60px;
}
.loginRightCont .contCent .PorMesage .regisEd span {
	color: #00bdff;
}

.loginRightCont .contCent .PorMesage .regisEd .navPic {

	display: block;
	width: 37px;
	height: 17px;
	right: 20px;
	bottom: 50%;
	transform: translate(0, 50%);
	background-image: url(../images/loginIcon.png);
	background-repeat: no-repeat;
	background-position: -45px -37px;

}/* 登录界面 */
.LoginScreen {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	
}
/* 版心 */
.LoginScreen .boxLogin{

    max-width: 1690px;
	height: 100vh;
	margin: 0 auto;

}

/* 登录界面左边栏 */
.LoginScreen .LoginLeftCont {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 950px;
	background-color: #1ca8ef;
	float: left;
}
.LoginScreen .LoginLeftCont img {
	width: 607px;
	height: 420px;
	
	
}
/* 登录界面右边板块 */

.LoginScreen .boxLogin .loginRightCont{

   width: 738px;
   height: 100vh;
   float: right;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #fff;
   

}
/* 登录界面右边板块内容 */
.LoginScreen .boxLogin .loginRightCont .contCent{

	/* background-color: darkgoldenrod; */
	width: 366px;
	height: 410px;
	

}
/* 登录界面logl */
.LoginScreen .loginRightCont{

	text-align: center;
	 
	
}
/* 账号登录板块 */
.LoginScreen .loginRightCont .contCent .account {
	width: 360px;
	height: 114px;
	text-align: center;
	padding-top: 45px;
	top: 290px;

}
.minWidth{

	min-width: 1200px;

}







